<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- jq -->
    <script src="./src/jQuery.js"></script>
    <!-- bootstrap -->
    <link rel="stylesheet" href="./src/bootstrap.min.css">
    <script src="./src/bootstrap.min.js"></script>
    <!-- swiper -->
    <script src="./src/swiper-3.4.2.min.js"></script>
    <link rel="stylesheet" href="./src/swiper-3.4.2.min.css">
    <!-- iconfont -->
    <link rel="stylesheet" href="./font_3963533_xpbhl76wopq/iconfont.css">
    <!-- index.css -->
    <link rel="stylesheet" href="./index.css">
    <title>Document</title>
</head>

<body>
    <!-- 导航+轮播图 -->
    <nav class="top container-fluid">
        <!-- 导航栏 -->
        <nav class="navbar navbar-default nav">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">租小客</a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">二手房 <span class="sr-only">(current)</span></a></li>
                        <li><a href="#">新房</a></li>
                        <li><a href="#">租房</a></li>
                        <li><a href="#">小区</a></li>
                        <li><a href="#">小客研究院</a></li>
                        <li><a href="#">投资者关系</a></li>
                        <li><a href="#">关于小客</a></li>
                        <li><a href="#">卖房</a></li>
                        <li><a href="#">下载App</a></li>
                        <li><a href="./public/map.html">地图搜索</a></li>
                        <li class="fo iconfont icon-zuobiao"></li>
                    </ul>
                    <form class="navbar-form navbar-left">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="租房信息">
                        </div>
                        <button class="btn btn-default">搜索</button>
                    </form>
                    <ul class="nav navbar-nav navbar-right navfooter">
                        <li class="login"><a href="./3.15login.sign/login.html">登录/注册</a></li>
                        <!-- <li class="sign"><a href="./3.15login.sign/login.html"></a></li> -->
                    </ul>
                </div>
            </div>
        </nav>
        <!-- 轮播图 -->
        <div class="swiper-container swp">
            <div class="swiper-wrapper spp"></div>
        </div>
    </nav>
    <!-- 二手房源信息 -->
    <div class="container cont">
        <!-- 标题 -->
        <div class="cont_top">
            <h2>二手好房</h2>
            <p>小客房源，为你精选 <span><a href="javascript:;">更多二手房</a></span></p>
        </div>
        <!-- 内容 -->
        <div class="row row_">
            <!-- <div class="col-md-3 col">
                <div class="list">
                    图片
                    <div class="top_img"><img src="http://120.48.109.174:8081${item}" alt=""></div>
                    介绍
                    <div class="list_title">
                        <h3>${data.title}</h3>
                        <p>${data.descripttion}</p>
                    </div>
                </div>
            </div> -->
        </div>
    </div>

    <!-- 小区优选 -->
    <div class="container cont">
        <!-- 标题 -->
        <div class="cont_top">
            <h2>小客精选</h2>
            <p>纵览小区，恋上这座城 <span><a href="javascript:;">更多房源</a></span></p>
        </div>
        <!-- 内容 -->
        <div class="row row_one">
            <!-- <div class="col-md-3 col_">
                <div class="list">
                    图片
                    <div class="top_img"><img src="http://120.48.109.174:8081${item.imgSrc}" alt=""></div>
                    介绍
                    <div class="list_title">
                        <h3>${item.title}</h3>
                        <p>${item.from}</p>
                    </div>
                </div>
            </div> -->
        </div>
    </div>
</body>
<script src="./index.js"></script>

</html>